﻿<!DOCTYPE html>
<html lang="en"> 
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Home mbzj.net</title>
<link rel="stylesheet" href="/static/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="/static/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/assets/css/style.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:600italic,400,800,700,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=BenchNine:300,400,700' rel='stylesheet' type='text/css'>
<script src="/static/assets/js/modernizr.js"></script>
<!--[if lt IE 9]>
  <script src="/static/assets/js/html5shiv.js"></script>
  <script src="/static/assets/js/respond.min.js"></script>
<![endif]-->

</head>
<body>



<header >
	<div class="container" >
		<div class="row">
			<div class="col-xs-5 header-logo">
				<br>
				<a href="index.html"><img src="/static/assets/img/logo.png" alt="" class="img-responsive logo"></a>
			</div>
			<div class="col-md-7">
				<nav class="navbar navbar-default">
				  <div class="container-fluid nav-bar">
					<!-- Brand and toggle get grouped for better mobile display -->


					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					  
					  <ul class="nav navbar-nav navbar-right">

						<li><a class="menu" href="#about">about us</a></li>
						<li><a class="menu" href="#service">our services </a></li>
						<li><a class="menu" href="#team">our team</a></li>

					  </ul>
					</div><!-- /navbar-collapse -->
				  </div><!-- / .container-fluid -->
				</nav>
			</div>
		</div>
	</div>
</header> <!-- end of header area -->


<!-- about section -->
<section class="about text-center" id="about">
	<div class="container">
		<div class="row">
			<h2>about us</h2>
			<h4>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled</h4>
			  <section class="counts section-bg">
                <div class="container">
                    <table class="table table-striped">
                        <tr>
                            <td>电影排名</td>
                            <td>中文名称</td>
                            <td>外国名称</td>
                            <td>电影评分</td>
                            <td>评价人数</td>
                            <td>电影概述</td>
                            <td>其他信息</td>
                        </tr>

                        {% for movie in movies %}

                        <tr>
                            <td>{{ movie[0] }}</td>
                            <td>
                                <a href="{{ movie[1] }}">
                                    {{ movie[3] }}
                                </a>
                            </td>
                            <td>{{ movie[4] }}</td>
                            <td>{{ movie[5] }}</td>
                            <td>{{ movie[6] }}</td>
                            <td>{{ movie[7] }}</td>
                            <td>{{ movie[8] }}</td>
                        </tr>

                        {% endfor %}
                    </table>


                </div>
            </section>
		</div>
	</div>
</section><!-- end of about section -->








<!-- script tags
============================================================= -->
<script src="/static/assets/js/jquery-2.1.1.js"></script>

<script src="/static/assets/js/gmaps.js"></script>
<script src="/static/assets/js/smoothscroll.js"></script>
<script src="/static/assets/js/bootstrap.min.js"></script>
<script src="/static/assets/js/custom.js"></script>
</body>
</html>